<template>
	<view class="search-menu">
		<!-- <view class="topbar-search">
			<uni-icons type="search" size="20" color="#0c34ba" class="search-icon"></uni-icons>
			<input type="text" value="" class="topbar-input" placeholder="请输入商品名称"/>
		</view> -->
		<view>
			<u-search placeholder="请输入商品名称" :show-action="false" class="topbar-search" :bg-color="bgcolor" :search-icon-color ="searchiconcolor" @focus="searchMall"></u-search>
		</view>
	</view>
</template>

<script>
	export default{
		data() {
			return {
				bgcolor:"#F7F8FA",
				searchiconcolor:"#0c34ba"
			}
		},
		methods:{
			searchMall(){
				uni.navigateTo({
					url:"../search/Search"
				})
			}
		}
	}
</script>

<style scoped>
	.search-menu{
		padding: 20rpx;
	}
	/* .topbar-search{
		display: flex;
		height: 90rpx;
		background-color: #F7F8FA;
		border: 1px solid #fffae8;
		border-radius: 50rpx;
		padding-left: 20rpx;
		align-items: center;
	}
	.topbar-input{
		line-height: 105rpx;
	} */
	.topbar-search{
		margin-left: 27rpx;
	}
</style>
